<template name="grupos_activos">
    <h2>Ver grupos con viajes activos</h2>
    <table style="width: 90%">
        <tr>
            <th>Nombre</th>
            <th>Viajes Activos</th>
            <th>Acciones</th>
        </tr>
        <template name="grupo">
        <tr>
            <td>{{nombre}}</td>
            <td>{{viajes_activos}}</td>
            <td>
                <div class="ver" idElemento="{{idgrupo}}">Monitorear</div>
            </td>
        </tr>
        </template>
        <template name="sin_resultados">
        <tr>
            <td colspan="8">No hay resultados para mostrar</td>
        </tr>
        </template>
    </table>
    <br/>
    <script type="text/javascript">
        $(function(){
            $('.ver').button( { icons: {primary: "ui-icon-extlink"} } ).bind('click', function() { monitorear($(this).attr('idElemento')); } );
        });

        function monitorear(id)
        {
            var url = '{{link_monitorear}}'+id;
            document.location.href = url;
        }

    </script>
</template>